@charset "utf-8";
/*****************header区域css样式****************/
#header{
	width: 100%;
	height: 35px;
	background: #f5f5f5;
	border-bottom: 1px solid #eee;
}
.header-con{
	width: 1190px;
	height: 100%;
	margin: 0 auto;
}
.header-con .left{
	width: 340px;
	height: 100%;
}
.header-con .left>div{
	position: relative;
}
.header-con .left>div .wzdh-con{
	display: none;
	position: absolute;
	width: 988px;
	height: 200px;
    padding: 20px 0;
    top: 35px;
    border: 1px solid #ddd;
    background: #fff;
    left: 0;
    z-index: 99999999999;
}
.header-con .left>div .wzdh-con dl{
	float: left;
    width: 176px;
    border-right: 1px solid #eee;
    padding-left: 20px;
}
.header-con .left>div .wzdh-con dl dt{
	height: 25px;
    width: 100%;
    font-size: 14px;
    font-family: "Microsoft Yahei";
    line-height: 17px;
}
.header-con .left>div .wzdh-con dl dd{
	width: 100%;
    overflow: hidden;
}
.header-con .left>div .wzdh-con dl dd p{
	float: left;
    height: 25px;
    width: 78px;
    font-size: 12px;
    color: #797979;
    line-height: 25px;
}
.header-con .left>div .wzdh-con dl dd p:hover{
	color: #f60;
	cursor: pointer;
}
.header-con .left>div a{
	float: left;
	width: 65px;
	height: 100%;
	line-height: 35px;
	padding: 0 10px;
	font-size: 12px;
	border-left: 1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
}
.header-con .left>div a span{
	float: left;
	width: 48px;
	height: 35px;
	color: #666;
}
.header-con .left>div a i{
	float: left;
	width: 10px;
	color: #bbb;
	font-size: 12px;
	margin: 1px 0 0 3px;
	transform: scale(0.8);
}
.header-con .left>div a:hover{
	background: #fff;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
}
.header-con .left>div:nth-child(2) a:hover span{
	color: #ff7b23;
}
.header-con .left>div a:hover i{
	transition: 0.8s;
	transform: rotateX(180deg);	
}
.header-con .left>a{
	float: left;
	width: 66px;
	height: 24px;
	line-height: 24px;
	padding: 6px 5px 6px 6px;
}
.header-con .left>a i:first-child{
	float: left;
	width: 12px;
	height: 15px;
	font-size: 18px;
	color: #feae0b;
}
.header-con .left>a span{
	float: left;
	width: 29px;
	height: 16px;
	font-size: 12px;
	color: #333;
	margin-left: 8px;
}
.header-con .left>a i:last-child{
	float: left;
	width: 8px;
	height: 12px;
	font-size: 12px;
	color: #bbb;
	transform: scale(0.9);
	margin: 2px 0 0 -2px;
}
.header-con .right{
	position: relative;
	width: 668px;
	height: 35px;
}
.header-con .right .enter{
	position: absolute;
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
	font-size: 12px;
	z-index: 99999999;
}
.header-con .right .enter a{
	color: #666;
}
.header-con .right .enter a:last-child{
	margin-left: 10px;
	color: #ff6600;
}
.header-con .right .enter a:hover{
	color: #ff6600;
	cursor: pointer;
}
.header-con .right ul{
	float: right;
	width: 550px;
	height: 100%;
}
.header-con .right ul li{
	float: left;
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
	border-left: 1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
	z-index: 999999999999;
}
.header-con .right ul li:nth-child(3):hover,
.header-con .right ul li:nth-child(5):hover,
.header-con .right ul li:nth-child(6):hover{
	color: #ff6600;
	background: none;
	border-color: #f5f5f5;
}

.header-con .right ul li a{
	float: left;
	color: #666;
	font-size: 12px;
}
.header-con .right ul li i{
	float: left;
	color: #bbb;
	font-size: 12px;
	margin: 1px 0 0 3px;
	transform: scale(0.8);
}
.header-con .right ul li:nth-child(4){
	padding: 0;
}
.header-con .right ul li:nth-child(4) s{
	float: left;
	font-size: 14px;
	height: 100%;
	line-height: 35px;
	color: #ff6600;
	margin-right: 8px;
}
.header-con .right ul li:nth-child(4) a{
	color: #ff6600;
}
.header-con .right ul li:nth-child(4) span{
	float: left;
	color: #ff6600;
	font-size: 12px;
	line-height: 35px;
	margin-left: 5px;
}
.header-con .right ul li:hover{
	background: #fff;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
}
.header-con .right ul li:hover a{
	color: #ff6600;
}
.header-con .right ul li:hover i{
	transition: 0.8s;
	transform: rotateX(180deg);
}
/*****************bar区域css样式****************/
#bar{
	width: 100%;
	height: 110px;
	background: #fff;
}
.bar-con{
	position: relative;
	width: 1190px;
	height: 100px;
	margin: 0 auto;
}
.bar-con h1{
	float: left;
	width: 190px;
	height: 94px;
}
.bar-con h1 a img{
	position: absolute;
	width: 190px;
	height: 94px;
	top: 10px;
}
.bar-con .bar-search{
	position: relative;
	float: left;
	width: 600px;
	height: 100px;
	margin-left: 110px;
}
.bar-con .bar-search .top-search{
	display: none;
	position: absolute;
    left: 59px;
    top: 72px;
    width: 538px;
    height: 269px;
    border: 1px solid #e4e4e4;
    background: #FFF;
    z-index: 7000;
    overflow: hidden;
}
.bar-con .bar-search .top-search ul.history-results{
	float: left;
    width: 250px;
    height: 269px;
    border-right: 1px solid #efefef;
}
.bar-con .bar-search .top-search ul.history-results li.title{
	padding: 0 0 0 12px;
    background: #EEE;
    width: 239px;
    height: 28px;
}
.bar-con .bar-search .top-search ul.history-results li.title span{
	float: left;
    color: #999;
    font-size: 12px;
    line-height: 28px;
    padding: 0;
    cursor: default;
}
.bar-con .bar-search .top-search ul.history-results li.content{
	width: 250px;
	height: 216px;
}
.bar-con .bar-search .top-search ul.history-results li.content i{
	display: block;
    width: 160px;
    height: 136px;
    margin: 40px auto;
    background: url(../img/search-express-none.png);
}
.bar-con .bar-search .top-search ul.rec-results{
	float: right;
    position: relative;
    width: 287px;
    height: 269px;
    margin-left: -1px;
    border-left: 1px solid #efefef;
    overflow: hidden;
}
.bar-con .bar-search .top-search ul.rec-results li.title{
	float: none;
    position: relative;
    padding: 0 0 0 15px;
    margin: 0 0 7px 0;
    border: 0;
    color: #999;
    line-height: 28px;
}
.bar-con .bar-search .top-search ul.rec-results li.title span{
	font-size: 12px;
}
.bar-con .bar-search .top-search ul.rec-results li.title i{
	display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    font-size: 16px;
}
.bar-con .bar-search .top-search ul.rec-results li{
	float: left;
    position: relative;
    height: 26px;
    margin: 0 0 15px 15px;
    overflow: hidden;
}
.bar-con .bar-search .top-search ul.rec-results li a{
	display: block;
	width: auto;
	height: 24px;
	line-height: 24px;
    padding: 0 5px;
    border: 1px solid #e1e1e1;
    color: #666;
    white-space: nowrap;
    font-size: 12px;
}
.bar-con .bar-search .top-search ul.rec-results li a.light{
	color: #f60;
	border-color: #f60;
}
.bar-con .bar-search .top-search ul.rec-results li a:hover{
	color: #fff;
	background: #f60;
	cursor: pointer;
}
.bar-con .bar-search form{
	position: absolute;
	width: 540px;
	height: 40px;
	left: 60px;
	top: 30px;
	z-index: 9999999;
}
.bar-con .bar-search form input:first-child{
	float: left;
	width: 418px;
	height: 40px;
	font-size: 12px;
	line-height: 40px;
	padding-left: 28px;
	border: 2px solid #ff8000;
	border-radius: 12px 0 0 12px;
	box-sizing: border-box;
}
::-webkit-input-placeholder{
	color: #bbb;
}
.bar-con .bar-search form input:last-child{
	float: left;
	width: 120px;
	height: 40px;
	background: #ff8000;
	border: 0;
    padding: 0;
    font-size: 18px;
    font-family: 'MicroSoft YaHei';
    font-weight: bold;
    letter-spacing: 2px;
    text-indent: 2px;
    color: #FFF;
    cursor: pointer;
    border-radius: 0 12px 12px 0;
}
.bar-con .bar-search form i{
	position: absolute;
	left: 6px;
	top: 8px;
	font-size: 23px;
	color: #bbb;
}
.bar-con .bar-search .search-hotwords{
	position: absolute;
    width: 90%;
    height: 18px;
    margin: 5px 0 0 62px;
    overflow: hidden;
    left: 0;
    top: 70px;
}
.bar-con .bar-search .search-hotwords a{
	float: left;
    white-space: nowrap;
    font-size: 12px;
    margin: 3px 0 3px -11px;
    padding: 0 20px 0 10px;
    border-left: 1px solid #ddd;
    height: 12px;
    line-height: 12px;
    color: #9d9d9d;
}
.bar-con .bar-search .search-hotwords a:hover{
	cursor: pointer;
	color: #ff683d;
}
/*****************nav-bar区域css样式****************/
#nav-bar{
	width: 100%;
	height: 38px;
	background: #fff;
}
.nav-bar-con{
	position: relative;
	width: 1190px;
	height: 100%;
	margin: 0 auto;
}
/*左侧分类区域*/
.nav-bar-con .sort{
	position: absolute;
    display: block;
    width: 200px;
    height: 38px;
    line-height: 38px;
    background: #ff8000;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    border-radius: 12px 12px 0 0;
    cursor: pointer;
    z-index: 9999999;
}
.nav-bar-con .sort i{
	position: absolute;
    display: block;
    width: 14px;
    height: 14px;
    color: #fff;
    left: 12px;
}
.nav-bar-con .sort span{
	float: left;
	width: 120px;
    margin-left: 34px;
    height: 38px;
	line-height: 38px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}
/*右侧导航区域*/
.nav-bar-con .nav-index{
	float: left;
	width: 794px;
    height: 38px;
    margin-left: 200px;	
    line-height: 38px;
    overflow: hidden;
}
.nav-bar-con .nav-index ul li{
	position: relative;
	float: left;
	height: 38px;
    font-weight: bold;
	padding: 0 12px 0 13px;
}
.nav-bar-con .nav-index ul li.title-pic{
	width: 110px;
    height: 38px;
    padding: 0;
}
.nav-bar-con .nav-index ul li a{
	color: #333;
	font-size: 15px;
}
.nav-bar-con .nav-index ul li i{
	position: absolute;
	float: left;
	width: 14px;
	height: 17px;
	background: url(../img/index.png) no-repeat -345px -213px;
}
/*右侧公示区域*/
.nav-bar-con .publicity{
	float: right;
	width: 196px;
	height: 38px;
}
/*****************banner区域css样式****************/
#banner{
	width: 100%;
	height: 476px;
}
.banner-con{
	position: relative;
	width: 1190px;
	height: 100%;
	margin: 0 auto;
}
/*列表详细页区域css样式*/
.banner-con .list-minute{
	position: absolute;
    left: 200px;
    top: 0;
    min-height: 476px;
    width: 0;
    overflow: hidden;
    background: #f3f3f3;
    z-index: 9999;
}
.banner-con .list-minute .list-btn{
	float: left;
    width: 486px;
    height: 24px;
    margin: 10px 0 0 8px;
    overflow: hidden;
}
.banner-con .list-minute .list-btn a{
	float: left;
    height: 24px;
    margin-left: 25px;
    padding: 0 10px;
    color: #FFF;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    background: rgb(50, 103, 255);
    text-decoration: none;
    border-radius: 4px;
    font-family: "Microsoft Yahei",tahoma,arial,"Hiragino Sans GB";
}
.banner-con .list-minute .list-con{
	width: 580px;
    margin: 10px 0 0 0;
    padding-left: 20px;
    overflow: hidden;
    float: left;
}
.banner-con .list-minute .list-con dl{
	float: left;
    height: auto;
    overflow: hidden;
    width: 550px;
    cursor: pointer;
}
.banner-con .list-minute .list-con dl dd a:hover{
	color: #f60;
}
.banner-con .list-minute .list-con dl dt{
	float: left;
    width: 84px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    padding-left: 10px;
    padding-top: 8px;
    font-size: 12px;
}
.banner-con .list-minute .list-con dl dd{
	float: left;
    width: 450px;
    font: 12px/1.5 arial,tahoma;
    line-height: 20px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    margin-top: 8px;
    padding-bottom: 8px;
}
.banner-con .list-minute .list-con dl dd a{
	color: #000;
    margin-right: 15px;
    display: inline-block;
    font-family: "Microsoft Yahei",tahoma,arial,"Hiragino Sans GB";
}
.banner-con .list-minute .list-con dl dd a.light{
	color: rgb(50, 103, 255);
}
.banner-con .list-minute .list-show{
	position: absolute;
    right: 0;
    top: 0;
    width: 196px;
    height: 100%;
    overflow: hidden;
}
.banner-con .list-minute .list-show .top{
	width: 182px;
    margin: 10px 0 0 8px;
}
.banner-con .list-minute .list-show .top a{
	float: left;
    width: 90px;
    height: 38px;
    margin: 0 1px 1px 0;
    padding-top: 7px;
    background: #FFF;
}
.banner-con .list-minute .list-show .top a img{
	width: 80px;
    height: 30px;
    margin: 0 auto;
}
.banner-con .list-minute .list-show .bottom{
	width: 180px;
    margin: 11px 0 0 8px
}
.banner-con .list-minute .list-show .bottom a img{
	float: left;
    width: 180px;
    height: 100px;
    margin-bottom: 5px;
    overflow: hidden;
}
/*左侧分类列表区域*/
.banner-con ul.list{
	position: absolute;
	width: 200px;
	height: 100%;
	background: #fff;
	z-index: 9999;
}
.banner-con ul.list li{
	position: relative;
    width: 166px;
    overflow: hidden;
    padding: 0 6px 0 28px;
    height: 31px;
    line-height: 31px;
}
.banner-con ul.list li img{
	position: absolute;
    width: 16px;
    height: 16px;
    left: 6px;
    top: 10px;
}
.banner-con ul.list li a{
	display: inline-block;
    vertical-align: middle;
    color: #000;
    font-size: 14px;
    text-decoration: none;
}
.banner-con ul.list li em{
	font-size: 14px;
    vertical-align: middle;
    height: 12px;
    width: 1px;
    font-style: normal;
}
.banner-con ul.list li a:hover{
	color: #f60;
	cursor: pointer;
}
/*中间轮播图部分*/
.banner-con ul.carousel{
	position: relative;
	float: left;
	width: 794px;
	height: 100%;
	margin-left: 200px;
}
/*轮播图图片*/
.banner-con ul.carousel>li{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 476px;
    display: none;
}
.banner-con ul.carousel>li.first{
	display: block;
}
/*轮播图小圆点*/
.banner-con ul.carousel .banner-dot{
	position: absolute;
    display: inline-block;
    opacity: 0.8;
    padding: 0 8px 0 0;
    height: 6px;
    left: 282px;
    top: 345px;
}
.banner-con ul.carousel .banner-dot a{
	float: left;
    margin: 1px 0 0 8px;
    width: 20px;
    height: 4px;
    background: rgba(255,255,255,.5);
    overflow: hidden;
    text-indent: -999;
}
.banner-con ul.carousel .banner-dot a.first{
	background: #ff8000;
}
/*轮播图左右切换按钮*/
.banner-con ul.carousel .left-btn{
	position: absolute;
	width: 28px;
	height: 72px;
	border-radius: 0 6px 6px 0;
	background: url(../img/index.png) no-repeat -1152px 0;
	left: 0;
	top: 180px;
	cursor: pointer;
	display: none;
}
.banner-con ul.carousel .right-btn{
	position: absolute;
	width: 28px;
	height: 72px;
	border-radius: 6px 0 0 6px;
	background: url(../img/index.png) no-repeat -1152px -72px;
	right: 0;
	top: 180px;
	cursor: pointer;
	display: none;
}
/*轮播图下面的四张小图片*/
.banner-con ul.carousel ul.four-wrap{
	position: absolute;
    bottom: 6px;
    left: 4px;
    width: 786px;
    height: 112px;
    overflow: hidden;
}
.banner-con ul.carousel ul.four-wrap li{
	float: left;
    width: 194px;
    height: 112px;
    background: #FFF;
    margin-left: 2px;
    cursor: default;
    border-radius: 6px;
    overflow: hidden;
}
/*右侧登录注册小功能区域*/
.banner-con .first-right{
	position: absolute;
    top: 0;
    right: 0;
    width: 196px;
    height: 476px;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
    background: #fff;
}
.banner-con .first-right .top-box{
	overflow: hidden;
    position: relative;
    width: 196px;
    height: 225px;
}
.banner-con .first-right .top-box .user-img{
	position: absolute;
    width: 48px;
    height: 48px;
    left: 10px;
    top: 10px;
    background: url(../img/tool-logo.png);
    z-index: 1;
    border: 1px solid #f7f7f7;
    border-radius: 50%;
    background-size: 100% 100%;
}
.banner-con .first-right .top-box .login{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.banner-con .first-right .top-box .login .btn-group{
	float: left;
    margin-top: 15px;
    margin-left: 66px;
    width: 125px;
    height: 38px;
    font-size: 12px;
    color: #333;
}
.banner-con .first-right .top-box .login .btn-group p{
	margin-bottom: 6px;
}
.banner-con .first-right .top-box .login .btn-group a:hover{
	cursor: pointer;
	color: #f60;
}
.banner-con .first-right .top-box .login .new{
	display: block;
    width: 156px;
    height: 24px;
    color: #fff;
    margin-top: 70px;
    background: #ff8000;
    border-radius: 3px;
    text-align: center;
    line-height: 24px;
    margin-left: 20px;
    font-size: 12px;
}
.banner-con .first-right .top-box .login .super{
	display: block;
    width: 156px;
    height: 24px;
    color: #fada99;
    margin-top: 10px;
    border-radius: 3px;
    text-align: center;
    line-height: 24px;
    margin-left: 20px;
    background-image: linear-gradient(-90deg,#373a77 3%,#17125b 100%);
    font-size: 12px;
}
.banner-con .first-right .top-box .boon{
	position: absolute;
    width: 196px;
    height: 62px;
    left: 0;
    bottom: 23px;
    background: #fff;
}
.banner-con .first-right .top-box .boon a{
	float: left;
    width: 65px;
    height: 62px;
}
.banner-con .first-right .top-box .boon a img{
	display: block;
    width: 36px;
    height: 36px;
    margin: 6px auto;
}
.banner-con .first-right .top-box .boon a p{
	height: 20px;
    max-width: 66px;
    line-height: 20px;
    font-size: 14px;
    color: #333;
    text-align: center;
}
.banner-con .first-right .bot-box{
	position: relative;
    height: 250px;
    width: 196px;
    border-top: 1px solid #f2f2f2;
}
.banner-con .first-right .bot-box ul li{
	float: left;
    width: 65px;
    height: 85px;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #f2f2f2;
    margin-right: -1px;
}
.banner-con .first-right .bot-box ul li a img{
	display: block;
    width: 26px;
    height: 26px;
    margin: 12px 20px;
}
.banner-con .first-right .bot-box ul li a p{
	text-align: center;
    color: #333;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    max-width: 66px;
    overflow: hidden;
}
/*****************seckill区域css样式****************/
#seckill{
	width: 100%;
	height: 298px;
	margin-top: 10px;
}
.seckill-con{
	width: 1190px;
	height: 100%;
	margin: 0 auto;
}
.seckill-con .goods,
.coupon-con .goods,
.live-con .goods{
	float: left;
    width: 590px;
    height: 100%;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
}
.seckill-con .goods .title,
.coupon-con .goods .title,
.live-con .goods .title{
	position: relative;
	width: 100%;
    height: 60px;
    background: #fff;
    text-align: center;
    font-size: 24px;
}
.seckill-con .goods .title a{
	float: left;
    height: 30px;
    width: 106px;
    margin: 15px 0 0 16px;
    overflow: hidden;
}
.seckill-con .goods .title a img{
    width: 106px;
    height: 30px;
}
.seckill-con .goods .title .end{
	position: absolute;
    left: 135px;
    top: 22px;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
}
.seckill-con .goods .title .time{
	position: absolute;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    left: 208px;
    top: 18px;
}
.seckill-con .goods .title .time span{
	float: left;
    width: 24px;
    height: 24px;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    vertical-align: middle;
    background: #333;
    border-radius: 3px;
}
.seckill-con .goods .title .time i{
	float: left;
    font-size: 14px;
    padding: 0 3px;
}
.seckill-con .goods .title .time-list{
	position: absolute;
    right: 12px;
    top: 17px;
    width: 152px;
    height: 24px;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid #ef0027;
}
.seckill-con .goods .title .time-list ul li{
	float: left;
    width: 76px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    cursor: default;
    
}
.seckill-con .goods .title .time-list ul li.light{
	background: #ef0027;
}
.seckill-con .goods .title .time-list ul li.light i{
	color: #fff;
}
.seckill-con .goods .title .time-list ul li i{
	color: #ef0027;
}
.seckill-con .goods .content{
	float: left;
    position: relative;
    width: 590px;
    height: 238px;
    overflow: hidden;
}
.seckill-con .goods .content ul li{
	float: left;
    width: 170px;
    height: 238px;
    margin-left: 20px;
}
.seckill-con .goods .content ul li img{
    width: 150px;
    height: 150px;
    margin: 0 10px 10px 10px;
    border-radius: 6px;
}
.seckill-con .goods .content ul li p.goods-title{
	width: 170px;
    height: 20px;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-align: left;
    font-weight: normal;
}
.seckill-con .goods .content ul li p.price{
	height: 21px;
    margin: 4px 4px 4px 0;
    overflow: hidden;
}
.seckill-con .goods .content ul li p.price>i,
.seckill-con .goods .content ul li p.price>em{
	float: left;
    line-height: 21px;
    color: #F30;
    font-size: 18px;
    font-weight: bold;
}
.seckill-con .goods .content ul li p.price>i{
	font-size: 12px;
}
.seckill-con .goods .content ul li p.price .reduced{
	float: left;
    line-height: 16px;
    color: #999;
    font-size: 12px;
    margin-left: 6px;
    margin-top: 3px;
    text-decoration: line-through;
}
.seckill-con .goods .content ul li p.tips{
	color: #999;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
}
.seckill-con .goods-2,
.coupon-con .goods-2,
.live-con .goods-2{
	margin-left: 10px;
}
.seckill-con .goods-2 .title{
	width: 100%;
    height: 60px;
    background: #fff;
    text-align: center;
    font-size: 24px;
}
.seckill-con .goods-2 .title .title-pic{
	float: left;
    height: 30px;
    width: 106px;
    margin: 15px 0 0 16px;
    overflow: hidden;
}
.seckill-con .goods-2 .title p{
	float: left;
    height: 24px;
    margin-top: 17px;
    line-height: 24px;
    padding: 0 5px;
    color: #E7001D;
    border-color: #E7001D;
    font-size: 14px;
    font-weight: normal;
    border: 1px solid #ff8000;
    border-radius: 4px;
    margin-left: 10px;
}
.seckill-con .goods-2 .title .more{
	position: relative;
	float: right;
	width: 51px;
    color: #999;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    text-align: left;
    margin-right: 12px;
    margin-top: 20px;
}
.seckill-con .goods-2 .title .more i{
	position: absolute;
	width: 16px;
    height: 16px;
    top: 3px;
    right: 3px;
    background: url(../img/more.png);
    background-size: 100% 100%;
}
.seckill-con .goods-2 .content-box{
	width: 100%;
    height: 245px;
    overflow: hidden;
}
.seckill-con .goods-2 .content-box ul li{
	float: left;
    width: 170px;
    height: 238px;
    margin-left: 20px;
}
.seckill-con .goods-2 .content-box ul li a img{
	width: 150px;
    height: 150px;
    margin: 0 10px 10px 10px;
}
.seckill-con .goods-2 .content-box ul li p.name{
	width: 170px;
    height: 20px;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    word-break: break-all;
}
.seckill-con .goods-2 .content-box ul li p.price{
	height: 21px;
    margin: 4px 4px 4px 0;
    overflow: hidden;
}
.seckill-con .goods-2 .content-box ul li p.price img{
	float: left;
    width: 54px;
    height: 18px;
    margin: 2px 5px 0 0;
}
.seckill-con .goods-2 .content-box ul li p.price>span{
	float: left;
    line-height: 21px;
    color: #F30;
    font-size: 18px;
    font-weight: bold;
}
.seckill-con .goods-2 .content-box ul li p.price span i{
	font-size: 12px;
}
.seckill-con .goods-2 .content-box ul li p.price span em{
	line-height: 21px;
    font-weight: bold;
}
.seckill-con .goods-2 .content-box ul li p.sales{
	color: #999;
	font-size: 12px;
}
/*****************coupon区域css样式****************/
#coupon{
	width: 100%;
	height: 298px;
	margin: 10px auto 0;
}
.coupon-con{
	width: 1190px;
	height: 100%;
	margin: 0 auto;
}
.coupon-con .title a.text,
.live-con .title a.text{
	float: left;
    height: 37px;
    margin: 10px 0 0 16px;
    overflow: hidden;
    font-weight: bold;
}
.coupon-con .title p,
.live-con .title p{
	float: left;
    height: 24px;
    margin-top: 17px;
    line-height: 24px;
    padding: 0 5px;
    color: #ff8000;
    font-size: 14px;
    font-weight: normal;
    border: 1px solid #ff8000;
    border-radius: 4px;
    margin-left: 10px;
}
.coupon-con .title a.more,
.live-con .title a.more{
	float: right;
	width: 51px;
    color: #999;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-right: 12px;
    margin-top: 20px;
    font-weight: normal;
}
.coupon-con .title a.more i,
.live-con .title a.more i{
	width: 18px;
    height: 18px;
    float: right;
    margin-left: 5px;
    margin-top: 1px;
    background: url(../img/more.png);
    background-size: 100% 100%;
}
.coupon-con .content ul{
	width: 100%;
	height: auto;
}
.coupon-con .content ul li{
	position: relative;
    float: left;
    width: 170px;
    height: 228px;
    overflow: hidden;
    margin-left: 20px;
    border-radius: 0 0 6px 6px;
}
.coupon-con .content ul li:nth-child(1)>span{
	position: absolute;
    width: 42px;
    height: 44px;
    left: 0;
    top: 0;
    background: url(../img/quan1.png);
    background-size: 100% 100%;
}
.coupon-con .content ul li:nth-child(2)>span,
.coupon-con .content ul li:nth-child(3)>span{
	position: absolute;
    width: 70px;
    height: 70px;
    top: 0;
    right: 0;
    background: url(../img/quan2.png);
    background-size: 100% 100%;
}
.coupon-con .content ul li a img{
	display: block;
    width: 150px;
    height: 150px;
    margin: 10px 10px 0 10px;
    cursor: pointer;
}
.coupon-con .content ul li a.blur{
	position: relative;
    display: block;
    width: 170px;
    height: 68px;
    background: url(../img/quan3.png);
    cursor: pointer;
}
.coupon-con .content ul li a.blur p:nth-child(1){
	position: absolute;
    height: 20px;
    width: 140px;
    color: #f30;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    top: 2px;
    padding: 0 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
.coupon-con .content ul li a.blur p:nth-child(2){
	position: absolute;
    top: 22px;
    height: 16px;
    width: 140px;
    color: #f30;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    padding-left: 15px;
    overflow: hidden;
    cursor: pointer;
}
.coupon-con .content ul li a.blur i{
	display: block;
    position: absolute;
    left: 51px;
    bottom: 4px;
    height: 20px;
    width: 68px;
    color: #fff;
    background: #f50;
    font-size: 12px;
    border: 1px solid #f50;
    line-height: 20px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}
.coupon-con .goods-2 .content{
	width: 100%;
    height: 228px;
    overflow: hidden;
}
/*.coupon-con .goods-2 .content ul{
	margin-top: 10px;
}*/
.coupon-con .goods-2 .content ul li .label{
	position: absolute;
    left: 0;
    top: 0;
    width: 46px;
    height: 46px;
}
.coupon-con .goods-2 .content ul li .label img{
	display: block;
    width: 46px;
    height: 46px;
    margin: 0;
}
.coupon-con .goods-2 .content ul li .label p{
	position: absolute;
    top: 16px;
    left: 0;
    color: #fff;
    width: 46px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
}
.coupon-con .goods-2 .content ul li a:nth-child(2) img{
	display: block;
    width: 150px;
    height: 150px;
    margin: 10px;
}
.coupon-con .goods-2 .content ul li a:nth-child(3) p:first-child{
	color: #333;
    height: 20px;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    width: 170px;
    margin: 10px 0 2px 0
}
.coupon-con .goods-2 .content ul li a:nth-child(3) p:last-child{
	color: #f20;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 170px;
}
.coupon-con .goods-2 .content ul li a:nth-child(3) p:last-child span{
	display: inline-block;
}
.coupon-con .goods-2 .content ul li a:nth-child(3) p:last-child span img{
	float: left;
    width: 15px;
    height: 15px;
    margin: 2px 3px 0 0;
}
/*****************live区域css样式****************/
#live{
	width: 100%;
	height: 270px;
	margin: 10px auto 0;
}
.live-con{
	width: 1190px;
	height: 100%;
	margin: 0 auto;
}
.live-con .title p{
	color: #F84064;
    border-color: #F84064;
}
.live-con .content{
	width: 100%;
    height: 210px;
    overflow: hidden;
}
.live-con .content ul.list li{
	position: relative;
    float: left;
    margin-left: 20px;
    width: 170px;
    height: 194px;
    overflow: hidden;
    border-radius: 6px;
}
.live-con .content ul li:hover a .code{
	display: block;
}
.live-con .content ul li a div.code{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 160px;
	height: 194px;
	margin: 0 5px;
	border-radius: 5px;
	z-index: 99;
    background: rgba(0,0,0,0.6)
}
.live-con .content ul li a .code img{
	width: 120px;
    height: 120px;
    margin: 30px 20px 8px;
}
.live-con .content ul li a .code p{
	float: none;
    text-align: center;
    font: 14px/20px "Microsoft Yahei",tahoma,arial,"Hiragino Sans GB";
    color: #fff;
}
.live-con .content ul.list li a img.pic1{
	display: block;
    width: 160px;
    height: 100%;
    border-radius: 6px;
    margin: 0 auto;
}
.live-con .content ul.list li a>p{
	position: absolute;
    width: 160px;
    height: 46px;
    line-height: 66px;
    left: 5px;
    bottom: 0;
    font-size: 14px;
    color: #fff;
    text-indent: 8px;
    border-radius: 6px;
}
.live-con .content ul.list li a img.pic2{
	position: absolute;
    width: 22px;
    height: 22px;
    left: 12px;
    top: 12px;
    border-radius: 3px;
    background-image: linear-gradient(-90deg,#ff2062,#ff174b);
}
.live-con .goods-2 .content{
	height: 194px;
}
.live-con .goods-2 .content ul li{
	position: relative;
    float: left;
    margin-left: 20px;
    width: 170px;
    height: 194px;
    overflow: hidden;
    border-radius: 6px
}
.live-con .goods-2 .content ul li a img{
	display: block;
    width: 150px;
    height: 150px;
    margin: 0 10px 10px 10px;
    border-radius: 6px;
}
.live-con .goods-2 .content ul li a p.price-box{
	height: 21px;
    margin: 10px 4px 6px 0;
    overflow: hidden;
}
.live-con .goods-2 .content ul li a p.price-box span.price{
	display: inline-table;
	line-height: 21px;
    color: #F30;
    font-size: 20px;   
}
.live-con .goods-2 .content ul li a p.price-box span.price i{
	font-size: 12px;
}
.live-con .goods-2 .content ul li a p.price-box span.price em{
	font-weight: bolder;
}
.live-con .goods-2 .content ul li a p.price-box span.nums{
	color: #999;
	font-size: 12px;
	margin-left: 10px;
}
/*****************channel区域css样式****************/
#channel{
	width: 100%;
	height: 580px;
}
.channel-con{
	width: 1190px;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.channel-con .channel-wrap{
	margin-right: -10px;
    margin-bottom: -10px;
    min-height: 500px;
    overflow: hidden;
}
.channel-con .channel-wrap .channel-box{
	float: left;
	width: 390px;
	height: 245px;
	margin-right: 10px;
    margin-bottom: 10px;
    background: #fff;
    overflow: hidden;
    border-radius: 12px;
}
.channel-con .channel-wrap .channel-box .title{
	width: 100%;
	height: 60px;
	overflow: hidden;
}
.channel-con .channel-wrap .channel-box .title p:first-child{
	float: left;
	height: 37px;
	font-size: 26px;
	color: #333;
	font-weight: bold;
	margin: 11px 12px 0 16px;
}
.channel-con .channel-wrap .channel-box .title p:last-child{
	float: left;
	height: 22px;
	font-size: 16px;
	color: #666;
	margin-top: 20px;
}
.channel-con .channel-wrap .channel-box .content{
	width: 100%;
	height: 175px;
	overflow: hidden;
}
.channel-con .channel-wrap .channel-box .content a{
	float: left;
	width: 165px;
	height: 165px;
	margin-left: 20px;
}
/*****************recommend区域css样式****************/
#recommend{
	width: 100%;
}
.recommend-con{
	width: 1190px;
	margin: 0 auto;
}
.recommend-con .tab-nav{
	width: 100%;
    height: 70px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 12px;
    border-radius: 6px;
}
.recommend-con .tab-nav ul li{
	float: left;
    height: 70px;
    width: 170px;
    text-align: center;
    overflow: hidden;
    padding-top: 6px;
    cursor: pointer;
}
.recommend-con .tab-nav ul li p:first-child{
	font-size: 17px;
    font-weight: bold;
    height: 24px;
    letter-spacing: .5px;
    color: #333;
    line-height: 24px;
    margin-bottom: 2px;
    overflow: hidden;
    display: inline-block;
}
.recommend-con .tab-nav ul li p:first-child img{
	float: left;
    width: 20px;
    height: 20px;
    margin-top: 3px;
    margin-right: 3px;
}
.recommend-con .tab-nav ul li p:first-child span{
	float: left;
}
.recommend-con .tab-nav ul li.cur p:first-child{
	color: #ff8000;
}
.recommend-con .tab-nav ul li p:last-child span{
	font-size: 14px;
    height: 26px;
    color: #999;
    line-height: 26px;
    display: inline-block;
    padding: 0 10px;
    border-radius: 3px;
}
.recommend-con .tab-nav ul li.cur p:last-child span{
	color: #fff;
    background: #ff8000;
}
.recommend-con .tab-content{
	margin-right: -10px;
}
.recommend-con .tab-content ul li{
	position: relative;
    float: left;
    width: 230px;
    height: 350px;
    background: #fff;
    margin: 0 10px 10px 0;
    border-radius: 6px;
}
.recommend-con .tab-content ul li a img{
	width: 230px;
    height: 230px;
    margin: 0 0 10px;
    border-radius: 6px 6px 0 0;
}
.recommend-con .tab-content ul li a p.title{
	width: 202px;
    height: 40px;
    margin: 0 0 8px 14px;
    overflow: hidden;
    color: #333;
    font: 14px/20px "Microsoft Yahei",tahoma,arial,"Hiragino Sans GB";
    word-break: break-all;
}
.recommend-con .tab-content ul li a p.title i{
	float: left;
    height: 18px;
    margin: 2px 5px 0 0;   
    background-size: 100% 100%;   
}
.recommend-con .tab-content ul li a p.title i.sngj{
    width: 63px;
	background-image: url(../img/hwg.png);
}
.recommend-con .tab-content ul li a p.title i.zy{
	width: 35px;
	background-image: url(../img/zy.png);
}
.recommend-con .tab-content ul li a p.title i.sngjzy{
	width: 98px;
	background-image: url(../img/hwgzy.png);
}
.recommend-con .tab-content ul li a p.price-box{
	position: absolute;
	display: inline-table;
    height: 28px;
    bottom: 10px;
    left: 14px;
}
.recommend-con .tab-content ul li a p.price-box i{
	color: #F30;
	font-size: 14px;
}
.recommend-con .tab-content ul li a p.price-box em{
	line-height: 28px;
    color: #F30;
    font-size: 20px;
    font-weight: bold;
}
.recommend-con .tab-content ul li a p.cxIcon{
	position: relative;
    width: 190px;
    height: 18px;
    margin-left: 14px;
    overflow: hidden;
}
.recommend-con .tab-content ul li a p.cxIcon span{
	position: relative;
    zoom: 1;
    float: left;
    padding: 0 2px;
    height: 16px;
    color: #ff8000;
    font: 14px/16px "Microsoft Yahei",tahoma,arial,"Hiragino Sans GB";
    background: #fff;
    border: 1px solid #ff8000;
    margin: 0 7px 2px 0;
    border-radius: 3px;
    white-space: nowrap;
}
/*****************footer区域css样式****************/
#footer{
	float: left;
	width: 100%;
	height: 504px;
	margin-top: 10px;
	border-top: 1px solid #e7e7e7;
}
.footer-top{
	width: 100%;
	height: 278px;
	background: #f5f5f5;
}
.top-con{
	width: 1190px;
	height: 100%;
	margin: 0 auto;
}
.top-con .promise{
	width: 100%;
	padding: 12px 0;
    height: 73px;
    border-bottom: 1px solid #eaeaea;
}
.top-con .promise dl{
	float: left;
    width: 230px;
    height: 52px;
    margin-right: 10px;
    overflow: hidden;
    text-align: center;
}
.top-con .promise dl div{
	display: inline-block;
}
.top-con .promise dl div dt{
	float: left;
    width: 48px;
    height: 48px;
    margin-right: 8px;
}
.top-con .promise dl div dd{
	float: left;
	width: auto;
	height: 48px;
    text-align: left;
}
.top-con .promise dl div dd p{
	line-height: 24px;
    width: 100%;
    color: #545454;
    font-size: 12px;
}
.top-con .promise dl div dd p a{
	font-size: 14px;
	font-weight: 700;
}
.top-con .promise dl div dd p a:hover{
	color: #f60;
	cursor: pointer;
}
.top-con .help{
	float: left;
	width: 1050px;
	height: 180px;
}
.top-con .help dl{
	float: left;
    height: 160px;
    width: 210px;
}
.top-con .help dl dt{
	width: 100%;
    line-height: 40px;
    font-weight: 700;
    color: #545454;
    height: 35px;
    font-size: 14px;
    overflow: hidden;
}
.top-con .help dl dd{
	width: 100%;
	height: 21px;
	line-height: 21px;
}
.top-con .help dl dd a{
	font-size: 12px;
	color: #545454;
}
.top-con .help dl dd a:hover{
	color: #f60;
	cursor: pointer;
}
.top-con .around{
	float: left;
    height: 180px;
    width: 90px;
}
.top-con .around p{
	width: 100%;
    line-height: 40px;
    font-weight: 700;
    color: #545454;
    height: 35px;
    font-size: 14px;
    margin-bottom: 5px;
    overflow: hidden;
}
.top-con .around div{
	width: 90px;
	height: 106px;
	font-size: 12px;
	line-height: 18px;
}
.footer-bottom{
	width: 100%;
	height: 210px;
	background: #fff;
	padding-top: 15px;
}
.bottom-con{
	width: 1190px;
	height: 100%;
	margin: 0 auto;
}
.bottom-con p{
	height: 25px;
    line-height: 25px;
    font-size: 12px;
    color: #999;
    text-align: center;
}
.bottom-con p a{
	position: relative;
	font-size: 12px;
	color: #999;
	cursor: pointer;
}
.bottom-con p.p-list a{
	color: #666;
}
.bottom-con p span{
	display: inline-block;
	color: #888;
	transform: scale(.8);
	padding: 0 5px;
}
.bottom-con p a i{
	position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: url(../img/gwab-icon.png) 0 0 no-repeat;
}
.bottom-con div{
	width: 100%;
	height: 25px;
	margin-top: 5px;
	text-align: center;
}
.bottom-con div a{
	display: inline-block;
	margin-right: 8px;
	width: auto;
	height: 25px;
}
/*****************fixed区域css样式****************/
#fixed-left{
	position: fixed;
	width: 70px;
	height: 212px;
    top: 50%;
    left: 50%;
    z-index: 1000;
    margin-left: -670px;
    margin-top: -106px;
    display: none;
}
#fixed-left .content{
	position: relative;
    width: 68px;
    padding-top: 9px;
    border: 1px solid #ddd;
    background: #f8f8f8;
}
#fixed-left .content div{
	position: absolute;
    width: 42px;
    height: 41px;
    left: 13px;
    top: -35px;
    z-index: 1;
    background-image: url(../img/float-bg.png);
    background-size: 100% 100%;
}
#fixed-left .content ul li{
	position: relative;
    width: 70px;
    height: 28px;
    left: -1px;
    text-align: center;
    line-height: 28px;
    border-bottom: 1px solid #e8e8e8;
}
#fixed-left .content ul li.light{
	background: #ff8000;
}
#fixed-left .content ul li:hover{
	background: #ff8000;
}
#fixed-left .content ul li a{
	font-size: 12px;
	cursor: pointer;
}
#fixed-left .content ul li.light a{
	color: #fff;
}
#fixed-left .content ul li:hover a{
	color: #fff;
}
#fixed-left .content>a{
	display: block;
    width: 68px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}
#fixed-left .content>a.top i{
	position: relative;
    top: 1px;
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    background: url(../img/index.png) -769px -90px;
}
#fixed-left .content>a.top span{
	display: inline-block;
	vertical-align: middle;
    color: #ff9902;
}
#fixed-right{
	position: fixed;
    top: 0;
    right: 0;
    z-index: 1000090;
    width: 35px;
    height: 100%;
    font: 12px/1.5 arial,tahoma;
    background: #383838;	
}
#fixed-right .user{
	position: absolute;
	width: 35px;
	height: 357px;
    z-index: 5;
    left: 0;
    top: 178px;
    height: 357px;
}
#fixed-right .user div{
	position: relative;
    width: 35px;
    margin-bottom: 10px;
    cursor: pointer;
}
#fixed-right .user .user-top .sn-login{
	height: 30px;    
}
#fixed-right i{
	display: block;
    position: relative;
    width: 35px;
    height: 30px;
    z-index: 2;
    background-color: #383838;
    cursor: pointer;
    background: url(../img/sidebaricon.png);
}
#fixed-right .user .user-top .sn-login i{
	background-position: 0 0;
}
#fixed-right .user .user-top .sn-login i:hover{
	background-position: -26px 0;
}
#fixed-right .user .user-top .shopping{
	color: #fff;
	height: auto;
}
#fixed-right .user .user-top .shopping .shopping-con{
	padding: 3px 0 10px;
    border: 1px solid #4D4D4D;
    border-width: 1px 0;
    text-align: center;
}
#fixed-right .user .user-top .shopping .shopping-con i{
	background-position: 3px -210px;
}
#fixed-right .user .user-top .shopping .shopping-con span.car-tip{
	display: block;
    width: 20px;
    margin: 0 auto;
    color: #FFF;
}
#fixed-right .user .user-top .shopping .shopping-con span.car-num{
	display: inline-block;
    min-width: 17px;
    height: 15px;
    padding: 0 2px;
    background-color: #D00;
    color: #FFF;
    line-height: 15px;
    border-radius: 5px;
}
#fixed-right .user .user-top .message i{
	background-position: 0 -24px;
}
#fixed-right .user .user-top .message:hover i{
	background-position: -26px -24px;
}
#fixed-right span.tab-tip{
	position: absolute;
    top: 0;
    left: 35px;
    width: 47px;
    height: 30px;
    background-color: #383838;
    line-height: 30px;
    color: #ffaa01;
    text-indent: 11px;
    letter-spacing: 1px;
    cursor: pointer;
    z-index: -1;
}

#fixed-right .user .user-bot{
	position: absolute;
	bottom: 0;
}
#fixed-right .user .user-bot div:nth-child(1) i{
	background-position: 0 -46px;
}
#fixed-right .user .user-bot div:nth-child(1):hover i{
	background-position: -26px -46px;
}
#fixed-right .user .user-bot div:nth-child(2) i{
	background-position: 0 -70px;
}
#fixed-right .user .user-bot div:nth-child(2):hover i{
	background-position: -26px -70px;
}
#fixed-right .user .user-bot div:nth-child(3) i{
	background-position: 0 -96px;
}
#fixed-right .user .user-bot div:nth-child(3):hover i{
	background-position: -26px -95px;
}
#fixed-right .user>div div:hover{
	background-color: #ffaa01;
}
#fixed-right .user>div div:hover span.tab-tip{
	background: #ffaa01;
	color: #4f4532;
}
#fixed-right .tickling{
	position: absolute;
	width: 35px;
	height: auto;
    z-index: 5;
    left: 0;
    bottom: 5px;
}
#fixed-right .tickling div{
	position: relative;
    width: 35px;
    margin-bottom: 6px;
    cursor: pointer;
}
#fixed-right .tickling div:hover{
	background: #ffaa01;
}
#fixed-right .tickling div:nth-child(1) i{
	background-position: 0 -117px;
}
#fixed-right .tickling div:nth-child(1):hover i{
	background-position: -26px -117px;
}
#fixed-right .tickling div:nth-child(2) i{
	background-position: 0 -140px;
}
#fixed-right .tickling div:nth-child(2):hover i{
	background-position: -26px -140px;
}
#fixed-right .tickling div:nth-child(3) i{
	background-position: 0 -164px;
}
#fixed-right .tickling div:nth-child(3):hover i{
	background-position: -26px -164px;
}
#fixed-right .tickling div:nth-child(4) i{
	background-position: 0 -256px;
}
#fixed-right .tickling div:nth-child(4):hover i{
	background-position: -26px -256px;
}
#fixed-right .tickling div span{
	width: 73px;
	text-align: center;
}
#fixed-top{
	position: fixed;
    display: none;
    height: 50px;
    width: 100%;
    min-width: 990px;
    background: #fff;
    box-shadow: rgb(0 0 0 / 20%) 0 1px 5px;
    left: 0;
    top: 0;
    opacity: .95;
}
